<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>intro</title>
    <link rel="stylesheet" href="static/css/intro.css">

    
</head>
<body>
        <div class="sidebar">
            <ul>
                <li>
                    <a href="./index.html">
                        <span class="icon"><ion-icon name="home-outline"></ion-icon></span>
                        <span class="text">首页</span>
                    </a>
                </li>
                <li>
                    <a href="#">
                        <span class="icon"><ion-icon name="help-circle-outline"></ion-icon></ion-icon></span>
                        <span class="text">关于我们</span>
                    </a>
                </li>
                <li>
                    <a href="./login.html">
                        <span class="icon"><ion-icon name="person-outline"></ion-icon></span>
                        <span class="text">登录</span>
                    </a>
                </li>
                <li>
                    <a href="./register.html">
                        <span class="icon"><ion-icon name="accessibility-outline"></ion-icon></ion-icon></span>
                        <span class="text">注册</span>
                    </a>
                </li>

            </ul>
        </div>

        <div class="shell" id="shell">
            <h2 class="title">课程评价系统</h2>
            <h3 class="subtitle">第六组小组演示</h3>
            <div class="timeline">

                <div class="item">

                        <img class="img" src="static/image/intro1.png" />
                        <h2 class="content-title">登录界面</h2>
                        <p class="content-desc">
                            为您的账号安全提供保障！
                        </p>

                </div>

                <div class="item">

                        <img class="img" src="static/image/intro2.png" />
                        <h2 class="content-title">成绩管理</h2>
                        <p class="content-desc">
                            学生成绩，一目了然。
                        </p>

                </div>

                <div class="item">

                        <img class="img" src="static/image/intro3.png" />
                        <h2 class="content-title">学生信息</h2>
                        <p class="content-desc">
                            随意浏览学生信息
                        </p>

                </div>

                <div class="item">

                        <img class="img" src="static/image/homeImages/sample4.jpg" />
                        <h2 class="content-title">444</h2>
                        <p class="content-desc">
                            不知道写些什么
                        </p>

                </div>

                <div class="item">

                        <img class="img" src="static/image/homeImages/sample5.jpg" />
                        <h2 class="content-title">555</h2>
                        <p class="content-desc">
                            不知道写些什么
                        </p>

                </div>

            </div>
    </div>
<!--    <div class="footer">-->
<!--        -->
<!--    </div>-->

    <script src="https://cdn.staticfile.org/jquery/1.10.2/jquery.min.js"></script>
    <script src="src/js/intro.js"></script>
    <script type="module" src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.esm.js"></script>
    <script nomodule src="https://unpkg.com/ionicons@7.1.0/dist/ionicons/ionicons.js"></script>
</body>
</html>